<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>订单</title>
		<script src="../src/flexible.debug.js"></script>
		<script src="../src/flexible_css.debug.js"></script>
		<link rel="stylesheet"  href="../css/order.css" />
		<link rel="stylesheet" href="../src/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="../src/font-4.7/css/font-awesome.css" />
		<!--[if lt IE 9]>
	        <script src="../src/html5shiv.min.js"></script>
			<script src="../src/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body>
		<header class="header">
			<figure class="h-top">
				<span><i class="fa fa-list-ul"></i></span>
			</figure>
			<figure class="h-bottom">
				<p>您暂无行程订单</p>
				<p>快开启您的奇妙之旅~</p>
			</figure>
		</header>
		<main class="main">
			<figure class="login">
				<button class="logon-btn">立即登录</button>
			</figure>
			<figure class="m-title">
				<p>下一站去哪儿</p>
			</figure>
			<section class="contain">
				<figure class="con-mend">
					<img src="../img/Order-imgs/order-img-banner_01.png"/>
					<div class="mend-title">
						<h4>北京</h4>
						<p>热门行程推荐<i class="fa fa-angle-right"></i></p>
					</div>
					<button class="batch-btn">换一批</button>
				</figure>
				<figure class="mend-opts-left">
					<img src="../img/Order-imgs/order-img-banner_02.png"/>
					<div class="mend-small-title">
						<div class="mendst_left">
							<h4>天安门</h4>
							<p>附近酒店</p>
						</div>
						<div class="mendst_right">
							<h4>15元<span>起</span></h4>
						</div>
					</div>
				</figure>
				<figure class="mend-opts-right">
					<img src="../img/Order-imgs/order-img-banner_03.png"/>
					<div class="mend-small-title">
						<div class="mendst_left">
							<h4>天安门</h4>
							<p>附近酒店</p>
						</div>
						<div class="mendst_right">
							<h4>15元<span>起</span></h4>
						</div>
					</div>
				</figure>
				<figure class="mend-opts-right">
					<img src="../img/Order-imgs/order-img-banner_04.png"/>
					<div class="mend-small-title">
						<div class="mendst_left">
							<h4>天安门</h4>
							<p>附近酒店</p>
						</div>
					</div>
				</figure>
			</section>
		</main>
		<footer class="footer">
			<dl class="shouye">
				<dt>
					<img src="../img/footer_home1.png"/>
				</dt>
				<dd>首页</dd>
			</dl>
			<dl class="dingdan dls_bule">
				<dt>
					<img src="../img/footer_ding.png"/>
				</dt>
				<dd>订单</dd>
			</dl>
			<dl class="faxian">
				<dt>
					<img src="../img/footer_fa1.png"/>
				</dt>
				<dd>发现</dd>
			</dl>
			<dl class="fuwu">
				<dt>
					<img src="../img/footer_fu1.png"/>
				</dt>
				<dd>服务</dd>
			</dl>
			<dl class="wode">
				<dt>
					<img src="../img/footer_wo1.png"/>
				</dt>
				<dd>我的</dd>
			</dl>
		</footer>
		<script src="../src/jquery-3.2.1.min.js"></script>
		<script src="../src/swiper-3.4.2.jquery.min.js" ></script>
		<script src="../js/footer.js"></script>
	</body>
</html>
